<template>
  <h1>猜数字练习</h1>
  <input type="text" placeholder="请输入1-100之间的整数" v-model="num">
  <button @click="guess()">猜一猜</button>
  <h3>{{result}}</h3>
</template>

<script setup>
  import {ref} from "vue";
  const num = ref('');
  const result = ref('');
  //生成随机数:只给js代码使用的变量没必要定义为响应式变量
  let x = parseInt(Math.random() * 100) + 1;
  console.log(x);
  const guess = ()=>{
    if (num.value > x){
      console.log('猜大了');
    } else if(num.value < x){
      console.log('猜小了');
    } else {
      console.log('恭喜你,猜对了');
    }
  }
</script>

<style scoped>

</style>